<div id="case_fail">
    <div class="top_line">
        <span class="text">发布日期：</span>
        <span class="date" ng-bind="issueDate | formatDate">2016-01-13</span>
        <span class="state">未通过</span>
    </div>
    <div class="wrapper">
        <div class="input_area">
            <div class="fail_result">
                <h4>
                    <span>失败原因</span>
                    <span class="star">&nbsp;*</span>
                </h4>
                <textarea readonly ng-bind="reason">由于某某某原因，您的审核未能通过，请修改后再次提交。</textarea>
            </div>
            <div>
                <h4>
                    <span>案件标题</span>
                    <span class="star">&nbsp;*</span>
                </h4>
                <textarea placeholder="如原告金先生与被告夏小姐担保纠纷一案" maxlength='40' type='text' ng-model="caseTitle"></textarea>
            </div>
            <div>
                <h4>
                    <span>原告</span>
                    <span class="star">&nbsp;*</span>
                </h4>
                <input placeholder="如王小姐、夏先生" maxlength='10' type='text' ng-model="plaintiffName" />
            </div>
            <div>
                <h4>
                    <span>被告</span>
                    <span class="star">&nbsp;*</span>
                </h4>
                <input placeholder="如王小姐、夏先生" maxlength='10' type='text' ng-model="defendantName" />
            </div>
            <div ng-click="selectCaseType()">
                <h4>
                    <span>案件类型</span>
                    <span class="star">&nbsp;*</span>
                </h4>
                <textarea placeholder="如金融纠纷、民间借贷纠纷、破产清算等" maxlength='30' type='text' ng-model="caseType" style='height:40px' readonly="readonly"></textarea>
            </div>
            <div>
                <h4>
                    <span>案情描述</span>
                    <span class="star">&nbsp;*</span>
                </h4>
                <textarea placeholder="如2005年8月，本人向朋友出借50万元，打了借条，至今没还。现准备找律师起诉" maxlength='300' type='text' ng-model="caseDescribe" style='height:100px'></textarea>
            </div>
            <div>
                <h4>
                    <span>涉案金额</span>
                    <span class="star">&nbsp;*</span>
                </h4>
                <input type="number" ng-model='caseAmt' placeholder="请填写涉案金额(单位为:万元)">
            </div>
            <div class="caseArea">
                <h4>
                    <span>案件所在区域</span>
                    <span class="star">&nbsp;*</span>
                </h4>
                <div class="areaContent">
                	<div class="wrappers">
                        <select id="province" ng-model="provinceName3" ng-options="o.province for o in provinceData" ng-change="clickCity(provinceName3,'0')">
                            <option value="" ng-bind="seProvinceName">选择省</option>
                        </select>
                        <span class="triangle"></span>
                    </div>
                    <div class="wrappers">
                        <select id="city" ng-model="cityName3" ng-options="o.city for o in cityData" ng-change="clickArea(cityName3,'0')">
                            <option value="" ng-bind="seCityName">选择市</option>
                        </select>
                        <span class="triangle"></span>
                    </div>
                    <div class="wrappers">
                        <select id="county" ng-model="districtName3" ng-options="o.district for o in districtData">
                            <option value="" ng-bind="seCountyName">选择县</option>
                        </select>
                        <span class="triangle"></span>
                    </div>
                </div>
            </div>
            <div>
                <h4>
                    <span>联系电话</span>
                    <span class="star">&nbsp;*</span>
                </h4>
                <input type="tel" maxlength='11' ng-model='telNumber' placeholder="填写可联系的电话，以便平台及时回复">
            </div>
            <div>
                <h4>
                    <span>备注</span>
                    <span class="star">&nbsp;</span>
                </h4>
                <textarea placeholder="如'紧急'" maxlength='300' type='text' ng-model="caseExplain" style='height:80px'></textarea>
            </div>
        </div>
    </div>
     <!-- 加上 slide_up 向上滑出 -->
    <div class="case_type_chs" ng-class='{"slide_up": issCaselide_up}'>
        <div class="box">
            <div class="title">
                <h4>请选择您擅长的案件类型，最多选择4项。</h4>
                <span class="close_btn" ng-click="closeType()"></span>
            </div>
            <ul>
                <li ng-repeat="type in caseTypeList" ng-bind="type.name" ng-class='{"slt": type.sel}' ng-click='selectType($index)'>案件类型一</li>
            </ul>
            <button ng-click="confirmBtn()">确认选择</button>
        </div>
    </div>
    <div class="bottom_btn_component">
        <div class="btn_left" ng-click="cancleDel()">
            <!-- 加上 slt 显示选中效果 -->
            <button>撤销并删除</button>
        </div>
        <div class="btn_right" ng-click="confirmEdit()">
            <button>确认修改</button>
        </div>
    </div>
</div>